import React from 'react';
import { Row, Col } from 'antd';
import './index.less';

const DataShow = ({ title, sub, description, dataBg, showLogo }) => {
  return (
    <div className='web-page-block data-show'>
      <br />
      <br />
      <div className='web-page-block-content'>
        <h2>{title}</h2>
        <h3>{sub}</h3>
        <p>{description}</p>
      </div>
      <div className='web-page-block-content'>
        <Row className={dataBg ? 'data-show-data' : null}>
          <Col span={3} />
          <Col span={6} className='data-show-data-item'>
            <p><b>7000</b>万</p>
            <div>7000万人民币，有史以来最快达到此目标的云计算服务商</div>
          </Col>
          <Col span={6} className='data-show-data-item'>
            <p><b>300</b>万</p>
            <div>300万人民币订单以上客户有10家</div>
          </Col>
          <Col span={6} className='data-show-data-item'>
            <p><b>92</b>%</p>
            <div>年度订单重复率92%</div>
          </Col>
        </Row>
        {
          showLogo ? <Row className='data-show-logo'>
            <Col span={4}><img src={require('../../img/partner/customer_logo_21.png')} alt="icon" /></Col>
            <Col span={4}><img src={require('../../img/partner/customer_logo_15.png')} alt="icon" /></Col>
            <Col span={4}><img src={require('../../img/partner/customer_logo_13.png')} alt="icon" /></Col>
            <Col span={4}><img src={require('../../img/partner/customer_logo_11.png')} alt="icon" /></Col>
            <Col span={4}><img src={require('../../img/partner/customer_logo_06.png')} alt="icon" /></Col>
            <Col span={4}><img src={require('../../img/partner/customer_logo_03.png')} alt="icon" /></Col>
          </Row> : null
        }
      </div>
    </div>
  );
}

export default DataShow;